<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>

<script language="JavaScript" type="text/javascript">
function getStyle()
   {
      var temp = document.getElementById("main").style.visibility;
  
      return temp;
   }
function eliminar(){
alert("Eliminar");
}
 function switchMain()
  {
    var current = getStyle();
	//var texto 
  	//texto = "El numero de opciones del select: " + document.form1.lstIntervencion.length;
   	var indice = document.form1.lstIntervencion.selectedIndex;
//	alert(indice);
	if(indice == 2){
	 	document.getElementById("main").style.visibility = "visible";
	}else{
	   // if( current == "show" )
       //{
         document.getElementById("main").style.visibility = "hidden";
	   //}
	}
  }
</script>


<body>
<form id="form1" name="form1" method="post" action="">
  <table width="466" border="0" align="center">
    <tr>
      <td colspan="2">Ingresar Cliente </td>
      <td colspan="2"><label>
        <input type="text" name="textfield" />
      </label></td>
    </tr>
    <tr>
      <td width="10">&nbsp;</td>
      <td width="126">&nbsp;</td>
      <td width="298">&nbsp;</td>
      <td width="14">&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>Grupo Bastanteo </td>
      <td><label>
        <select name="lstGrupo" id="lstGrupo">
          <option>Elegir</option>
          <option value="A">A</option>
          <option value="B">B</option>
          <option value="C">C</option>
          <option value="D">D</option>
        </select>
      </label></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>Poder</td>
      <td><select name="lstPoder" id="lstPoder">
        <option selected="selected">Elegir</option>
        <option value="CHCO">Cobro de Cheques</option>
        <option value="EFRE">Retiro en Efectivo</option>
                        </select></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>Tipo Intervenci&oacute;n </td>
      <td><select name="lstIntervencion" id="lstIntervencion" onchange="switchMain();">
        <option selected="selected">Elegir</option>
        <option value="1">A Sola Firma</option>
        <option value="2">En Conjunto Con</option>
                  </select></td>
      <td>&nbsp;</td>
    </tr>

    <tr>
      <td>&nbsp;</td>
      <td>Importe</td>
      <td><label>
        <input name="txtImporte" type="text" id="txtImporte" value="0.00" />
      </label></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>Fecha Vencimiento </td>
      <td><input name="txtImporte2" type="text" id="txtImporte2" value="10/01/2011" /></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td colspan="4"><div id="main" style="visibility: hidden">
          <table width="100%" border="1">
            <tr>
              <td>Grupo</td>
              <td><select name="lstGrupo2" id="lstGrupo2">
                  <option>Elegir</option>
                  <option value="A">A</option>
                  <option value="B">B</option>
                  <option value="C">C</option>
                  <option value="D">D</option>
              </select></td>
              <td><label>
                <input type="button" name="Submit" value="Agregar" />
              </label></td>
            </tr>
            <tr>
              <td colspan="3"><table width="246" border="1" align="center">
                  <tr>
                    <td width="144">Grupo Bastanteo </td>
                    <td width="86">Opci&oacute;n</td>
                  </tr>
                  <tr>
                    <td>A</td>
                    <td><a href="javascript:eliminar();">Eliminar</a></td>
                  </tr>
              </table></td>
            </tr>
          </table>
      </div></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
      <td><label>
        <input name="btnEnviar" type="submit" id="btnEnviar" value="Registrar" />
      </label></td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
</body>
</html>
